草庐IT

HTML & CSS 设计原则

全部标签

javascript - 谷歌地图 v3 : need multiple draggable markers to update HTML input fields

我正在开发一个使用GoogleMapsv3的项目,该项目将允许用户拖放随机放置的标记(用php生成的数量、坐标和标签)。我想要移动标记的纬度和经度来更新页面上的html输入字段。不幸的是,我对js了解不够,无法通过使用数组和/或“可变变量”以有效的方式为每个标记赋予唯一标识。到目前为止,这是我的代码:html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:100%}functioninitialize(){varlatlng=newgoogle.maps.LatLng(39.3939,-11

javascript - 如何将Backbone.View绑定(bind)到DOM中类似元素列表中的 'single' DOM元素

我具有以下页面结构:Label1Label2............这是过于简单的View:varMyView=Backbone.View.extend({el:$('.listOfPosts'),initialize:function(){_.bindAll(this,"postClicked");},events:{"click.wcCheckbox":"postClicked"},postClicked:function(){alert("Gotaaclickinthebackbone!");}});问题:我想知道被点击的帖子的数据ID。使用简单的JQuery,我可以执行以下操作

c# - 为什么在 JavaScript 和 C# 中使用 & 运算符时返回不同的值?

我在JavaScript和C#中使用&运算符执行相同的过程,但结果不同。C#代码Int64x=(634586400000000000&4611686018427387903);x=634586400000000000;JavaScript代码varx=(634586400000000000&4611686018427387903);x=0;有什么想法吗? 最佳答案 Bitwiseoperators在javascript中将操作数转换为带符号的32位整数(存储在nativeIEEE754float中)。

javascript - 标准控制按钮的 OpenLayers CSS 样式

我在我页面上的脚本上使用OpenLayers,并且我正在尝试使用CSS来设计map上出现的标准按钮的样式。我按照OpenLayers文档网站对它们进行了如下样式设置:.olControlNavToolbardiv{display:block;width:28px;height:28px;top:300px;left:6px;position:relative;}.olControlNavToolbar.olControlNavigationItemActive{background-image:url("img/panning-hand-on.png");background-repe

javascript - “文档”与 'content.document'

我正在尝试编写一个Firefox扩展,将元素添加到加载的页面。到目前为止,我通过获取了文档的根元素vardomBody=content.document.getElementsByTagName("BODY").item(0);并通过创建新元素varnewDiv=content.document.createElement("div");事实上,一切都运行良好。但是当我添加一个带有onclick属性的按钮时,问题就来了。当按钮正确显示时,出现错误。我已经问过here,并且document.createElement()的答案(无内容)有效。但是如果我删除“内容”。到处,真正的麻烦开始了

javascript - 结合 JS 和 CSS 文件作为构建的一部分

我想将我所有的JS文件连接到reducethenumberofHTTPrequests当浏览器访问我的网站时。当然,在开发过程中将这些文件分开仍然很有值(value)。广泛接受的解决方案是将连接作为构建的一部分执行。连接部分非常简单..但是所有仍然有一堆的HTML文件呢?标签引用预连接的js文件?他们现在需要指向单个串联的javascript文件。如何在构建过程中换掉这些引用? 最佳答案 基于Ant的解决方案可能源自此示例。我将插入标准免责声明,即使用正则表达式“解析”HTML可能不是一个好主意。想法是:全部删除或转换为评论标签。插

javascript - d3 + 主干 : updating elements for which data has changed

我将d3与Backbone.js模型一起使用。当模型属性发生变化时,将触发一个事件,并用hasChanged()标志标记模型,并返回一个changedAttributes()散列。我了解如何使用d3的enter()和exit()来处理已创建或删除的模型。我无法弄清楚的是如何根据模型属性的变化修改相应的DOM元素。我可以使用Backbone助手来确定要修改的内容,但是d3的下一步是什么? 最佳答案 我在d3邮件列表上得到了一些有用的回复:http://groups.google.com/group/d3-js/browse_threa

javascript - SVG - 如何将 <path> 切成两半?

我需要在javascript中的特定点切割现有路径(曲线)。例如,如果我有以下路径:据此,我可以这样得到中点:varline=document.getElementById("line_test");varlength=line.getTotalLength();varmidpoint=line.getPointAtLength(length/2);一旦我得到那个中点,我想完全删除路径的其余部分。有没有一个函数可以让我得到一个子路径?绘图库对我来说不是一个真正的选择。 最佳答案 是的,它叫做getPathSegAtLength(在路

javascript - IE < 9 CSS3 过渡效果秘籍?

有没有类似于IE7.js的“作弊”机制可用于不支持CSS3转换的浏览器,以便如果您将CSS3转换元素插入页面,它会将它们转换为javascript方法? 最佳答案 当然,有几个:http://louisremi.github.com/jquery.transition.js/test/index.htmlhttp://playground.benbarnett.net/jquery-animate-enhanced/ 关于javascript-IE https://stac

javascript - 如何避免回调 "waterfall"?

除了相对琐碎的功能之外,我倾向于害怕为任何东西编写Javascript的原因之一是我从来没有找到一种合适的方法来避免当一件事真正依赖于另一件事时的回调瀑布。有这样的方法吗?我现在正在开发Titanium应用程序并遇到了这个真实世界的场景:我有一组设施,我需要计算与用户当前位置的距离。这需要获取用户的当前位置(只需要发生一次),并且在遍历设施位置时获取每个位置的位置并计算距离。检索位置(经/纬度)的API是异步的,因此“简单”方法如下所示(伪代码如下):foreachfacility{API.getCurrentLocation(function(location){//async,ta